<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>预约看房</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../../css/mui.picker.min.css" />
		<style>
			body{
				background: #fff;
			}
			
		</style>
	</head>
		
	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">预约看房</h1>
		</header>
		
		<div class="mui-content">
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell mui-media">
			        <a href="javascript:;">
			            <img class="mui-media-object mui-pull-left" src="http://placehold.it/40x30">
			            <div class="mui-media-body">
			                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
			                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
			                <p class="mui-ellipsis">能和心爱的人一起睡觉，是件幸福的事情；可是，打呼噜怎么办？</p>
			            </div>
			        </a>
			    </li>
			</ul>
			
		    <form class="mui-input-group" id="formid">
		        <div class="mui-input-row">
		            <label>姓名</label>
		            <input type="text" class="mui-input-clear" placeholder="请输入你的名字">
		        </div>
		        <div class="mui-input-row">
		            <label>电话</label>
		            <input type="text" class="mui-input-clear" placeholder="请输入你的电话">
		        </div>
		    </form>
		    
		  	<div class="mui-table-view">			     
		        <li class="mui-table-view-cell">
			        <a class="btn mui-navigate-right">预约看房</a>
			    </li>
		    </div>
		    
		    <button type="button" class="mui-btn mui-btn-blue mui-btn-block" onclick = "checkUser();">提交</button>
		   	
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/mui.picker.min.js"></script>
		<script src="../../js/resp.js"></script>
		<script type="text/javascript">
			
		//表单提交
		function checkUser(){
		   var result = document.getElementById("userid").value;
		   var password = document.getElementById("passid").value;
		
		   if(result == ""  ){
		     alert("用户名不能为空");
		     return false;
		   }
		   if(password == ""  ){
		    alert("密码不能为空");
		     return false;
		   }
		  document.getElementById("formid").submit();
		}
			
		//时间选择器	
		　mui.init();
		　var btns = mui('.btn');
		　btns.each(function(i,btn){
		　　btn.addEventListener('tap',function(){
		　　　var dtPicker = new mui.DtPicker({
		　　　　"type":"time",
		　　　　"customData":{"i":[{"value":"0","text":"00"},{"value":"0","text":"15"},{"value":"30","text":"30"},{"value":"45","text":"45"},{"value":"45","text":"60"}]}
		　　　});
		　　dtPicker.show();
		　},false);
		});
		</script>
	</body>

</html> 